//- 找不到再往上找
extends ../commons/commons.pug

block pageStyle
	link(href='${relativePath}/static/css/shopping/shopHead.css' type="text/css" rel="stylesheet")

block content
	div.shopTitle.layout
		div.myLogo.fl
			img(src="${relativePath}/static/imgs/shopin.png")
		div.shopRig.fr
			div.searchBox
				input.searchTxt(type="text" name="searchTxt")
				i.search-btn
			ul
				
	div.shopNav(pnav="nav")
		div.shopNavInner.layout
			ul.bigNav
				li.kinds
					a(href="javascript:;") 全部商品分类
					div.kindsList
						//- 一级导航
						ol.olList
							
						//- 二级导航	
						div.rightMenu
							//- div.all
							//- 	span 广告板材 >
							//- 	ul
							//- 		li
							//- 			a(href="javscript:;") 金属板
							//- 		li
							//- 			a(href="javscript:;") 广告板材
							
				li.hasStyle#index
					a(href='javascript:;') 首页
				li.hasStyle#cpcl
					a(href="javascript:;") 成品材料
				li.hasStyle#dzjg
					a(href="javascript:;") 定制加工
				li.hasStyle#hyfw1
					a(href="javascript:;") 行业服务
				//- li.hasStyle#sqzx
				//- 	a(href="javascript:;") 社区资讯
				li.hasStyle#bgoa
					a(href="http://bsh.51adsign.com/Web/oa/dist/app.html#/dept/team") 办公OA
				li.hasStyle#gzERP
					a(href="http://bsh.51adsign.com/Web/erp/dist/#/") 业务管理
				li.hasStyle#colleague
					a(href="colleague.html") 同行
				//- li.hasStyle#gxc
				//- 	a(href="javascript:;") 业务管理
	//- 一级导航模板
	script#oneList(type="text/html")
		li(id="{{id}}" style="background-image:url('{{appPic}}')")
			a(href="javascript:;") {{name}}
	//- 二级导航菜单
	script#twoList(type="text/html")
		div.all
			span {{parent_name}} >
			ul
				| {{each data temp}}
				li(code="{{temp.id}}")
					a(href="javascript:;",onclick="document.getElementById('mateBox').scrollIntoView()") {{temp.name}}
				| {{/each}}

	block shopContent

//- 重写block，要左靠到头，不然就是定义了
//- 不写append会覆盖继承页面的这一块，加上append是追加
block append pageScript
	script.
		$("#index").click(function(){
			window.location.href='materIndex.html';
		});
		$("#dzjg").click(function(){
			window.location.href='dzjG.html';
		});
		$("#cpcl").click(function(){
			window.location.href='materFinished.html';
		});
		$("#hyfw1").click(function(){
			window.location.href='materFinished.html';
		});
		//- 成品材料一级导航
		$.getJSON(shopIp+"/Category/homePageList?callback=?", {
			userToken:token,
			category_id:4,
			os:"web"
		},function(data){
			var data = data.data;
			for(var i=0;i<data.length;i++) {
				var oneList = template("oneList",data[i]);
				$(".olList").append(oneList);
			}
		});

		//- 二级导航
		$(".olList").on("mouseenter","li",function(){
			var parent_id = $(this).attr("id");
			var parent_name = $(this).text();
			$.getJSON(shopIp+"/Category/getSubCates?callback=?", {
				userToken:token,
				category_id:4,
				parent_id:parent_id,
				os:"web"
			},function(data){
				data.parent_name = parent_name;
				$(".rightMenu").html(template("twoList",data));
				//console.log(data);
			})
		});